@font-face {
	font-family: 'iconfont';
	src: url('../../../fonts/iconfont.ttf') format('truetype');
}
html,body{
	width: 100%; height: 100%; overflow: hidden;
}
html,body,span,div,label{
	font-family: "Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; font-size: 12px; 
	margin: 0px; padding: 0px; border: 0px;
}


/* 设置滚动条的样式 */
div::-webkit-scrollbar {
	width: 5px; height: 5px; 
	border-radius: 5px;
}
/* 滚动槽 */
div::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
	background-color: #f7f7f7; border-radius: 2px; 
}
/* 滚动条滑块 */
div::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.2);
    background: #c7c7c7; border-radius: 2px; 
}

#app{
	width: 100%; height: 100%; overflow: hidden;
}
.app-tab-pane-second-title {
	font-size: 14px; margin-top: -4px;
}
.app-tab-pane-second-title .el-badge__content.is-fixed {
	top: 9px; right: 2px;
}
.el-tabs__header.is-top{
	margin-bottom: 0px;
}
.el-tabs__content{
	height: calc(100% - 40px);
}
.el-tab-pane{
	height: 100%;
}
.el-table thead div.cell{
	font-size: 14px;
}

.app-query-form-field{
	width: auto; max-width: calc(100% - 170px);
	display: inline-flex; flex-flow: row nowrap;
    overflow: hidden; overflow-x: auto; 
    vertical-align: top;
    margin-right: 15px;
}
.app-query-form-field .el-form-item{
	display: inline-flex; flex-flow: row nowrap;
	flex: 0 0 auto;
}

.app-data{
	width: 100%; height: 100%; overflow: hidden;
	display: flex; flex-flow: row nowrap;
}
.app-data>div{
	width: auto; height: calc(100% - 15px); padding-top: 15px; overflow: hidden;
}
.app-data>div:first-child{
	width: 0px;
}
.app-data>div:last-child{
	width: 100%;
}
.app-data>div.appDataHasTree:first-child{
	width: 300px;
	border-right: 1px solid #dcdcdc;
}
.app-data>div.appDataHasTree:last-child{
	width: calc(100% - 300px);
}
.app-data>div.appDataHasTree:first-child>div{
	overflow: hidden;
}
.app-data>div.appDataHasTree:first-child>div:first-child{
	height: 28px; padding: 0px 10px;
}
.app-data>div.appDataHasTree:first-child>div:last-child{
	height: calc(100% - 28px); overflow: auto;
}
.app-data-param{
	width: 100%; height: 50px;
}
.app-data-param .el-form-item__label{
	padding-left: 20px;
}
.app-data-list{
	width: 100%; height: calc(100% - 50px);
}
.app-data-list .el-table tr.app-data-table-header-row-style, 
.app-data-list .el-table tr.app-data-table-header-row-style>th{
	background-color: #f5f7fa;
}
.app-data-list-noqery{
	height: 100% !important;
}

.app-record{
	width: 100%; height: 100%; overflow: hidden;
}

